<link rel="stylesheet" href="./components/header/header.css">
<script src="./components/header/header.js"></script>

<div>
  <img class="logo" src="./assets/img/logo.png" alt="">

  <div class="search">
    <input type="text" placeholder="食谱名,食材名">
    <button>搜索</button>
  </div>

  <ul>
    <!-- 利用路径参数, 实现页面的切换 -->
    <li><a href="?p=home">首页</a></li>
    <li><a href="?p=video">视频菜谱</a></li>
    <li><a href="?p=note">笔记</a></li>
    <li><a href="?p=mall">商城</a></li>
    <li><a href="?p=live">直播</a></li>
  </ul>

  <a href="?p=login">登录</a>
</div>